嗨嗨！我是Winnie溫尼～

前言

在前面的章節，我們畫了一個「判斷體重是否過重(假設:體重大於80為過重)」的流程圖(流程圖範例)，那麼就設定自己的體重為100公斤，嘗試以流程判斷的程式測試看看這樣的體重有沒有過重吧～!

在開始之前，先將100公斤的體重宣告為變數，再用console.log印出比較出來的布林值。

let myWeight=100;
console.log(100>80) //true

流程判斷

if...

當if小括號內條件式的布林值為true時，則執行該大括號中的動作，若為false則跳過不執行。

if(條件式){
    要執行的動作
}

例如：

if(myWeight>80){
    console.log("你的體重過重")
}
//你的體重過重

if...else

當if小括號內條件式的布林值為true時，則執行該大括號中的動作，若為false則跳過不執行if大括號內的動作，而是執行else大括號內的動作。

if(條件式){
    要執行的動作
}else{
    要執行的動作
}

例如：

let yourWeight = 50
if(yourWeight>80){
    console.log("你的體重過重")
}else{
    console.log("你的體重正常")
}
//你的體重正常

if...else if...else

當if小括號內條件式的布林值為true時，則執行該大括號中的動作，若為false則跳過不執行if大括號內的動作，而是繼續往下直到遇到條件式為true或遇到最底端的else。
註：if、else在同一層只可以一組，else也可以沒有，但else if在同層可以有很多組！

if(條件式){
    要執行的動作
}else if(條件式){
    要執行的動作
}else{
    要執行的動作
}

例如：如果明天是晴天，就騎腳踏車出門，如果陰天，就搭公車；如果下毛毛雨，就搭捷運；如果下暴雨，就搭計程車；如果遇到颱風、地震...等等其他狀況就不出門。

let tommorowWeather = "晴天" //假設明天是晴天
if(tommorowWeather=="晴天"){
    console.log("明天騎腳踏車出門")
}else if(tommorowWeather=="陰天"){
    console.log("明天搭公車出門")
}else if(tommorowWeather=="毛毛雨"){
    console.log("明天搭捷運出門")
}else if(tommorowWeather=="暴雨"){
    console.log("明天搭計程車出門")
}else{
    console.log("明天不出門")
}
//明天騎腳踏車出門

小試身手

範例Codepen
試試看把tommorowWeather的值改成其他天氣狀況，看看console會印出甚麼吧～！

參考資料

流程控制 if/else 條件判斷
流程控制與例外處理

新手上路，如文章有錯誤或需修正之處，懇請大家多多指教！
那麼，我們明天見囉～